'use strict'
import { View, Button } from '../../component'
import style from './css.css'
import SignCardBox from './signCardBox'
const ARR = [style.newGiftBoxHide, style.sigBox]
const animatioms = [style.newGiftAnimationHide, style.newGiftAnimation]
class SigBox extends React.Component {
  static propTypes = {
    state: PropTypes.number,
    changeSigDisPlay: PropTypes.func
  }
  render () {
    return (
      <View className={ARR[this.props.state]}>
        <View className={animatioms[this.props.state]}>
          <View className={style.sig}>
            <View className={style.sigHeader}></View>
            <SignCardBox/>
            <Button tap={this.props.changeSigDisPlay} tapClassName={style.newGiftBtnPress} className={style.newGiftBtn}>确定</Button>
          </View>
        </View>
      </View>
    )
  }
}

export default SigBox
